<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Sandro del Pistoia</title>
<script src="lib/jquery-1.3.2.js" type="text/javascript"></script>
<script src="lib/jquery-ui-1.7.1.custom.min.js" type="text/javascript"></script>
<script src="lib/JSON.js" type="text/javascript" ></script>
<script src="lib/jquery.history.js" type="text/javascript"></script>
<script src="lib/jquery.form.js" type="text/javascript"></script>
<script src="lib/public-functions.js" type="text/javascript"></script>
<script type="text/javascript">
	function pageload(hash){
		var gallery_active
		loading_start()

		$("a[href=#"+hash+"]").attr({"class":"active"})
		if(hash == "works" || hash == ""){

		}
		if(hash.match("works")){
			$("#mainContent").css({
				"text-align": "center"
			})
			$("a[href=#works]").attr({"class":"active"})
			$("#subMenu").fadeIn()

			if(hash.match("@[0-9]")){
				gallery_active = hash.split("@")[1]
				thumbs(gallery_active)
			}
		}

		if(hash == "videos"){
			$("#mainContent").html('<h1 style="text-align:left">Videos</h1><object width="800" height="500"><param name="movie" value="http://www.youtube.com/p/839B90441D3C3B33&amp;hl=it&amp;fs=1"></param><param name="allowFullScreen" value="false"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/p/839B90441D3C3B33&amp;hl=it&amp;fs=1" type="application/x-shockwave-flash" width="800" height="500" allowscriptaccess="always" allowfullscreen="false"></embed></object>')
			$("#mainContent").css({
				"text-align": "center"
			})
		}
		if(hash == "events"){
			$("#mainContent").css({
				"text-align": "justify"
			})
			$("#mainContent").html("")
			$("<h1>").html("Events").appendTo($("#mainContent"))
			getGapEvents()
		}

		if(hash.match("contacts")){
			$("#mainContent").css({
				"text-align": "justify"
			})

			res = $.ajax({
				url: "pages/contacts.html",
				cache: true,
				async: false
			}).responseText

			$("#mainContent").html(res)

			if(hash.match("@mail")){
				$("#form_container").animate({
					"height": "toggle"
				})
			}
		}
		if(hash == "biography"){
			$("#mainContent").css({
				"text-align": "justify"
			})
			json = biography()
			$("#mainContent").append($("<h1>").html("Past events"))
			printEvents(json)
		}

		if(hash == "biography" || hash == "contacts" || hash == "events" || hash == "videos" || hash == ""){
			$("#subMenu").fadeOut()
			clearPhotoInfo()
		}
		if(hash == ""){

			img_src = $.ajax({
				url: "scripts/get_cover_image.php",
				async: false
			}).responseText
			$("#mainContent").html("").css({
				"text-align":"center"
			}).append($("<img src='"+img_src+"' />"))
		}
		loading_end()
	}
	$(document).ready(function(){
		width = Math.round(((window.innerWidth)/2)-465)
		$("#container").css({
			"margin": "0 "+width+"px"
		})

		$("#photo_title").click(function(){
			$("#photo_extra").animate({
				"height": "toggle"
			})
		})

		galleries_index()
		$.historyInit(pageload)
		$("a.menu").click(function(){
			$("a.active").attr("class","")
			$(this).attr({
				"class": "active"
			})
			hash = $(this).attr("href")
			hash = hash.replace(/^.*#/, '');
			$.historyLoad(hash)
		})
	})
</script>
<link href="public.css" rel="stylesheet" type="text/css" /><!--[if IE 5]>
<style type="text/css">
/* inserire in questo commento aggiuntivo le correzioni del modello di riquadro css per IE 5* */
.thrColFixHdr #sidebar1 { width: 180px; }
.thrColFixHdr #sidebar2 { width: 190px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css">
/* inserire in questo commento condizionale le correzioni css per tutte le versioni di IE */
.thrColFixHdr #sidebar2, .thrColFixHdr #sidebar1 { padding-top: 30px; }
.thrColFixHdr #mainContent { zoom: 1; }
/* la proprietà zoom proprietaria riportata sopra fornisce a IE l'elemento hasLayout necessario per evitare vari bug */
</style>
<![endif]-->
</head>

<body class="thrColFixHdr">
<div id="load_status">
	<img src="images/loading_white.gif"/> Retrieving data... please wait
</div>
<div id="container">
  <div id="globalheader">
    <h1><a href="/" title="Sandro del Pistoia"><img src="images/logo.gif" width="400" height="19" alt="sandro del pistoia" /></a></h1>
    <ul id="globalnav">
		<li id="gn-works">
			<a href="#works" class="menu">Works</a>
		</li>
		<li id="gn-videos">
			<a href="#videos" class="menu">Videos</a>
		</li>
		<li id="gn-events">
			<a href="#events" class="menu">Events</a>
		</li>
		<li id="gn-biography">
			<a href="#biography" class="menu">Biography</a>
		</li>
		<li id="gn-contacts">
			<a href="#contacts" class="menu">Contacts</a>
		</li>
	</ul>
    <ul id="subMenu">

    </ul>
  <!-- end #header -->
  </div>
  <div id="info">
  	<p id="photo_title" />
  	<div id="photo_extra">
  		<p id="photo_description" />
  		<p id="photo_date" />
  		<p id="photo_px" />
  	</div>
  </div>
  <div id="sidebar1">
  <h3>&nbsp;</h3>
  <!-- end #sidebar1 --></div>
  <div id="sidebar2">
    <h3>&nbsp;</h3>
  <!-- end #sidebar2 --></div>
  <div id="mainContent">
  <!-- end #mainContent --></div>
	<!-- Questo elemento di clearing deve seguire immediatamente il div #mainContent al fine di forzare il div #container a contenere tutti i float di livello inferiore --><br class="clearfloat" />
  <div id="footer">
    <p> sandrodelpistoia.com @copyright 2009 - Developed by
  <a href="mailto:info@nerdriot.it" target="_blank">NerdRiot</a>
  </p>
  <!-- end #footer --></div>
<!-- end #container --></div>
</body>
</html>